body, html{
	background: #313b41;
	overflow: hidden;	
}
table.content, table#root{
	text-align: center;
	vertical-align: top;
	border-spacing: 0px 0px;
	background: #313b41;
	overflow: hidden;
}

.content td{
	vertical-align: top;
}

.mainHeader{
	background: #313b41;
	
	vertical-align: middle;
	padding-top: 10px;
	border-bottom: 4px double #000;
	border-top: 0;
	
}

	.mainHeader div{
		color: #fff !important;
	}

	.mainHeader .title{
		font-size: 16px;
		font-weight: bold;
	}
	
.sidebar{
	background: #313b41;
	color: #fff !important;
	text-align: center;
	padding: 10px;
	height: 100%;
	width: 10px;
	border-right: 1px solid #000;
	overflow: hidden;
}

	.sidebar div{
		font-size: 14px;
		margin: 4px;
		margin-top: 10px;
		border-bottom: 1px solid #fff;
		text-align: left;
		color: #fff !important;
	}
	
	.sidebar button{
		width: 148px;
	}
	
.main{
	background: #fff;
	overflow: scroll;
	padding: 20px;
	text-align: center;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
	margin: 1%;
	border: 2px solid #ccc;
	
}

.main td td{
	vertical-align: middle;
}

div.placeholder{
	border-bottom: 0px;
	background: 0;
	padding: 0px;
	margin: 0px;
}

.loginForm{
	text-align: center;
	background: #eee;
	padding: 4px;
}

.loginForm *{
	margin: 4px;
}

.logo{
	border-bottom: 3px solid #e3e3e3;
	padding: 4px;
}

.hide{
	visibility: hidden;
}

.show{
	visibility: visible;
}

#center{
	vertical-align: top !important;
}

#center div.loading{
	color: #000;
	font-size: 16px;
	padding: 20px;
	border: 4px solid #ddd;
	background: #fff;
	width: 300px;
	margin: 0 auto;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

#center div.loading p{
	padding-top: 5px;
}

#center div #loading{
	float: left;
}

.center{
	margin-top: 15%;
}

.modalPanel{
	text-align: center;
}

.form_section{
	display:block;
	border-bottom:1px solid #000; !important
}
